
<html lang="pt-br"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

{% block corpo %}





{% if itens %}


<table id="list_items_table" class="table table-hover">
 <thead>
            <tr>
                <th class="span5">Equipamento</th>
                <th class="span3" style="text-align: left;">Custo Mensal p/ equipamento</th>
                <th class="span3" style="text-align: center;">Quantidade</th>
                 <th class="span2" style="text-align: center;">Qtde interfaces</th>
                <th class="span2" style="text-align: center;">Valor p/ Equipamento</th>
                <th class="span2" style="text-align: center;">Memoria</th>
                <th class="span2" style="text-align: center;">Qtde Discos</th>
                <th class="span2" style="text-align: center;">Tipo de Discos</th>
                 <th class="span2" style="text-align: center;">Componente</th>
                <th class="span2" style="text-align: center;">Pool</th>
               
                
            </tr>
        </thead>
        <tbody>
{% for i in itens %}


        
        
            <tr>
                <td class="span5">
                    <input id="item_{{ i.id}}" name="item_{{ i.id}}" type="text" value="" placeholder="Item" class="input-large" style="display: none;">
                    
                        <label id="label_item_{{ i.id}}">
                        {{ i.tipoitem }}
                        </label>
                    
                </td>
                   <td class="span2" style="text-align: center;">
                    <div id="div_valormensal_{{ i.id}}" class="input-prepend" style="display: none;">
                        <span class="add-on">R$</span>
                        <input id="valormensal_{{ i.id}}" name="valormensal_{{ i.id}}" type="text" value="" placeholder="Valor" class="real_currency input-mini">
                    </div>
                    <label id="label_valormensal_{{ i.id}}">
                    {{ i.getcustomensalitem|stringformat:"1.2f"|cut:"-" }}
                        
                      
                        
                    </label>
                </td>
                
                <td class="span3" style="text-align: center;">
                    <input id="quantidade_{{ i.id}}" name="quantidade_{{ i.id}}" type="text" value="" placeholder="Qtde" class="quantity input-mini" style="display: none;">
                    <label id="label_quantidade_{{ i.id}}">
               {{ i.quantidade }}
                    </label>
                </td>
                <td class="span3" style="text-align: center;">
                    <input id="interfaces_{{ i.id}}" name="interfaces_{{ i.id}}" type="text" value="" placeholder="Qtde" class="quantity input-mini" style="display: none;">
                    <label id="label_interfaces_{{ i.id}}">
               {{ i.numinterfaces }}
                    </label>
                </td>
                <td class="span2" style="text-align: center;">
                    <div id="div_valor_{{ i.id}}" class="input-prepend" style="display: none;">
                        <span class="add-on">R$</span>
                        <input id="valor_{{ i.id}}" name="valor_{{ i.id}}" type="text" value="" placeholder="Valor" class="real_currency input-mini">
                    </div>
                    <label id="label_valor_{{ i.id}}">
                        
                        {{ i.valor|stringformat:"1.2f"|cut:"-" }}
                        
                    </label>
                </td>
                 <td class="span3" style="text-align: center;">
                    <input id="qtdmemory_{{ i.id}}" name="qtdmemory_{{ i.id}}" type="text" value="" placeholder="Qtde" class="quantity input-mini" style="display: none;">
                    <label id="label_qtdmemory_{{ i.id}}">
               {{ i.qtdmemory}}
                    </label>
                </td>
                 <td class="span3" style="text-align: center;">
                    <input id="qtddiscos_{{ i.id}}" name="qtddiscos_{{ i.id}}" type="text" value="" placeholder="Qtde" class="quantity input-mini" style="display: none;">
                    <label id="label_qtddiscos_{{ i.id}}">
               {{ i.qtddiscos }}
                    </label>
                </td>
                
                 <td class="span3" style="text-align: center;">
                    <input id="disco_{{ i.id}}" name="disco_{{ i.id}}" type="text" value="" placeholder="Qtde" class="quantity input-mini" style="display: none;">
                    <label id="label_disco_{{ i.id}}">
               {{ i.disco }}
                    </label>
                </td>
                 <td class="span3" style="text-align: center;">
                    <input id="componente_{{ i.id }}" name="componente_{{ i.id }}" type="text" value="" placeholder="" class="componente input-mini" style="display: none;">
                    <label id="label_componente_{{ i.id }}">
               {{ i.componente}}
                    </label>
                </td>
                <td class="span3" style="text-align: center;">
                    <input id="pool_{{ i.id }}" name="pool_{{ i.id }}" type="text" value="" placeholder="" class="pool input-mini" style="display: none;">
                    <label id="label_pool_{{ i.id }}">
               {{ i.pool}}
                    </label>
                </td>
                
             
             
                <td class="span2" style="text-align: center;">
                    <div id="edit_buttons_{{ i.id}}">
                        <button class="btn" onclick="editButton({{ i.id}});"><i class="icon-edit"></i></button>
                        <button class="btn" onclick="removeButton({{ i.id}});"><i class="icon-trash"></i></button>
                    </div>
                    <div id="update_buttons_{{ i.id}}" style="display: none">
                        <button class="btn" onclick="updateButton({{ i.id}});"><i class="icon-ok"></i></button>
                        <button class="btn" onclick="cancelButton({{ i.id}});"><i class="icon-stop"></i></button>
                    </div>
                </td>
                
                
            </tr>
        
  











{% endfor %}

    </tbody>
    <tr>
     
      </tr>
    
    
    <tfoot>
     <tr>
    			 
                <th class="span5">Total</th>
                <th class="span3" style="text-align: left;"> R$ {{ CustoMensalTotal|stringformat:"1.2f"|cut:"-"}}  </th>
                <th class="span3" style="text-align: center;"> {{  QuantidadeTotal }} </th>
                <th class="span2" style="text-align: center;"> {{ TotalInterfaces }} </th>
                <th class="span2" style="text-align: center;">R$ {{ TotalEquipamentos|stringformat:"1.2f"|cut:"-" }} </th>
                
                <th class="span2" style="text-align: center;"> {{ MemoriaTotal }} </th>
                <th class="span2" style="text-align: center;">{{ TotalDiscos }} </th>
                <th class="span2" style="text-align: center;"></th>
                
                
                
            </tr>
    </tfoot>
    </table>
    
                    
                  
{% endif %}


<script src="/templates/bootstrap/js/jquery.min.js" type="text/javascript"></script>
    <script src="/templates/bootstrap/bootstrap-modal.js"></script>
    <script src="/templates/bootstrap/bootstrap-dropdown.js"></script>
    <script src="/templates/bootstrap/bootstrap-transition.js"></script>
    <script src="/templates/bootstrap/bootstrap-alert.js"></script>
    <script src="/templates/bootstrap/bootstrap-scrollspy.js"></script>
    <script src="/templates/bootstrap/bootstrap-tab.js"></script>
    <script src="/templates/bootstrap/bootstrap-tooltip.js"></script>
    <script src="/templates/bootstrap/bootstrap-popover.js"></script>
    <script src="/templates/bootstrap/bootstrap-button.js"></script>
    <script src="/templates/bootstrap/bootstrap-collapse.js"></script>
    <script src="/templates/bootstrap/bootstrap-carousel.js"></script>
    <script src="/templates/bootstrap/bootstrap-typeahead.js"></script>
    <script src="/templates/bootstrap/js/jquery.mask.js"></script>
    <script src="/templates/bootstrap/js/jquery.maskMoney.js"></script>
    <script src="/templates/bootstrap/shoplist_admin.js"></script>

    
     <script type="text/javascript">
    
   
   
    $(function(){
        $('.real_currency').maskMoney({decimal:'.',thousands:''});
        $('.qtde').mask('99');
        $('.qtdediscos').mask('99');
        $('.memory').mask('9999');
        $('.interfaces').mask('99');
    });
    </script>
    



{% endblock %}
